$(function(){
    //参考：http://fex.baidu.com/webuploader/doc/
    // 属性详解
    uploader1 = WebUploader.create({

        dnd: '#uploader .queueList',    //指定可拖拽容器
        disableGlobalDnd: true,         //禁用整个页面的拖拽功能
        paste: document.body,           //通过黏贴添加截屏图片
        pick: {
            id: '#filePicker',
            label: '点击选择图片',
            multiple: false             //是否支持多文件
        },

        accept: {                       //设置可上传文件类型
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },

        thumb : {                       //是否生成缩略图，一下设置为默认值
            width: 110,
            height: 110,

            // 图片质量，只有type为`image/jpeg`的时候才有效。
            quality: 70,

            // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
            allowMagnify: true,

            // 是否允许裁剪。
            crop: true,

            // 为空的话则保留原有图片格式。
            // 否则强制转换成指定的类型。
            type: 'image/jpeg'
        },

        compress : {                    //配置图片上传前是否压缩,暂时没细看

        },

        auto : true,                    //[默认值：false] 设置为 true 后，不需要手动调用上传，有文件选择即开始上传
        runtimeOrder : 'html5,flash',   //执行顺序，直接用默认值
        prepareNextFile : false,        //[默认值：false]是否允许在文件传输时提前把下一个文件准备好,提前在当前文件传输期处理，可以节省总体耗时
        // chunked : '',                //[默认值：false] 是否要分片处理大文件上传
        //chunkSize : '',                 //[默认值：5242880] 如果要分片，分多大一片？ 默认大小为5M.
        //chunkRetry : '',                //[默认值：2] 如果某个分片由于网络问题出错，允许自动重传多少次？
        //threads : '',                   //[默认值：3] 上传并发数。允许同时最大上传进程数
        //formData : '',                  //[默认值：{}] 文件上传请求的参数表，每次发送都会发送此对象中的参数
        //fileVal : '',                   //[默认值：'file'] 设置文件上传域的name
        method : 'POST',                //[默认值：'POST'] 文件上传方式，POST或者GET
        //sendAsBinary : '',              // [默认值：false] 是否已二进制的流的方式发送文件，这样整个上传内容php://input都为文件内容， 其他参数在$_GET数组中
        fileNumLimit: 300,              //[默认值：undefined] 验证文件总数量, 超出则不允许加入队列
        fileSizeLimit: 5 * 1024 * 1024,    //[默认值：undefined] 验证文件总大小是否超出限制, 超出则不允许加入队列
        fileSingleSizeLimit: 1 * 1024 * 1024,    //[默认值：undefined] 验证单个文件大小是否超出限制, 超出则不允许加入队列。
        // duplicate : '',                 //{Boolean} [默认值：undefined] 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
        disableWidgets : '',            // {String, Array} [可选] [默认值：undefined] 默认所有 Uploader.register 了的 widget 都会被加载，如果禁用某一部分，请通过此 option 指定黑名单。

        swf: BASE_URL + '/js/Uploader.swf',// swf文件路径



        chunked: true,
        // server: 'http://webuploader.duapp.com/server/fileupload.php',
        server: 'http://2betop.net/fileupload.php',

    });

    //简单文件上传实例
    var uploader = WebUploader.create({

        // swf文件路径
        swf: BASE_URL + '/js/Uploader.swf',

        // 文件接收服务端。
        server: 'http://webuploader.duapp.com/server/fileupload.php',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#picker',

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false
    });

    // 当有文件被添加进队列的时候
    uploader.on( 'fileQueued', function( file ) {
        $list.append( '<div id="' + file.id + '" class="item">' +
            '<h4 class="info">' + file.name + '</h4>' +
            '<p class="state">等待上传...</p>' +
            '</div>' );
    });

    // 文件上传过程中创建进度条实时显示。
    uploader.on( 'uploadProgress', function( file, percentage ) {
        var $li = $( '#'+file.id ),
            $percent = $li.find('.progress .progress-bar');

        // 避免重复创建
        if ( !$percent.length ) {
            $percent = $('<div class="progress progress-striped active">' +
                '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                '</div>' +
                '</div>').appendTo( $li ).find('.progress-bar');
        }

        $li.find('p.state').text('上传中');

        $percent.css( 'width', percentage * 100 + '%' );
    });

    //显示上传成功
    uploader.on( 'uploadSuccess', function( file ) {
        $( '#'+file.id ).find('p.state').text('已上传');
    });

    //上传失败前台显示
    uploader.on( 'uploadError', function( file ) {
        $( '#'+file.id ).find('p.state').text('上传出错');
    });

    //上传成功fileid
    uploader.on( 'uploadComplete', function( file ) {
        $( '#'+file.id ).find('.progress').fadeOut();
    });

});
